$(document).ready(function() {
    function fetchDataAndUpdate(globalName) {
        $.get(`http://127.0.0.1:5000/task8/marketName=${globalName}`).done(function (data) {
            var myeCharts = echarts.init(document.querySelector('.panel .tree'));
            // 配置选项
            option = {
                title:{
                    text:"会员人数增加",
                    left:"center",
                    top:'5px',
                    textStyle:{
                        color:"#fff",
                        fontSize:15,
                    }
                },
                grid:{
                    top:'18%',
                    left:'5%',
                    right:'5%',
                    bottom:'15%',
                },
                xAxis: {
                    type: 'category',
                    data: data.index,
                    axisLabel: {
                        color: '#fff'
                    },
                },
                yAxis: {
                    type: 'value',
                    show: true,  // 隐藏Y轴
                    axisLabel: {
                        show: false,
                    },
                },
                series: [
                    {
                        data: data.value,
                        type: 'line',
                        smooth: true,
                        label: {
                            show: true,  // 显示标签
                            position: 'top',  // 标签显示在点的上方
                            color: '#fff',
                            formatter: '{c}'  // 格式化标签文本，显示数值
                        },
                        itemStyle: {
                            color: '#61a0a8'  // 数据点的颜色
                        },
                        lineStyle: {
                            width: 8,
                            color: '#87AAF9', // 线条的颜色
                        },
                        emphasis: {
                            focus: 'series'  // 高亮整条线
                        }
                    }
                ]
            };

            // 设置选项
            myeCharts.setOption(option);
        });
    }
    fetchDataAndUpdate(window.globalName);
  $(document).on('globalNameChanged', function(event, globalName) {
    fetchDataAndUpdate(window.globalName)
  })
})